import QtQuick 1.0

BorderImage
{
	property alias idContent: id.text
	property alias passContent:  pass.text

	id: menu
	width: 401
	height: 401
	opacity:1
	NumberAnimation on opacity { from:0; to:0.8; duration: 1200}
	anchors.horizontalCenter: parent.horizontalCenter
	source: "menuCo.png"

	Text
	{
		id: idTitle
		x : 30
		y : 30
		color: "#ffffff"
		NumberAnimation on opacity { from:0; to:1; duration: 1200}
		text: "Name :"
		font.pointSize: 22
		opacity: 1
	}

	TextArea
	{
		id:id
		x : parent.height - width - 30
		y: 90
		width: 180
		height: 40
		anchors.rightMargin: 1
		NumberAnimation on opacity { from:0; to:1; duration: 1200}
		opacity: 1
	}

    Text{
        id: passTitle
	x : 30
	y : 160
        color: "#ffffff"
        NumberAnimation on opacity { from:0; to:1; duration: 1200}
        text: "Pass :"
        font.pointSize: 22
        opacity: 1
    }

    TextArea
    {
        id:pass
        x : parent.height - width - 30
	y : 200
        width: 180
        height: 40
        NumberAnimation on opacity { from:0; to:1; duration: 1200}
        opacity: 1
        typeContenu: TextInput.Password
    }

    BorderImage
	{
		id: bouton
		width: 230
		height: 50
		y: parent.height-100
		opacity:1
		NumberAnimation on opacity { from:0; to:0.8; duration: 1200}
		anchors.horizontalCenter: parent.horizontalCenter
		source: "bouton.png"
		
		Text
		{
			color : "#ffffff"
			text : "Connection"
			font.pointSize : 20
			anchors.horizontalCenter: parent.horizontalCenter
			anchors.verticalCenter: parent.verticalCenter
		}
        
		MouseArea
		{
			id:connectButton
			anchors.fill: parent
			onClicked: { container.connect(idContent, passContent); }
		}
        }
}
